
// 获取session中的用户id
var cusId = sessionStorage.getItem("cusid");

//页面加载时调用全部收藏的获取方法
$(function() {
    getAllCollection();
});
// //===================================================
// //layui分页插件
// layui.use('laypage', function(){
//     var laypage = layui.laypage;
//
//     //执行一个laypage实例
//     laypage.render({
//         elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
//         , count: 19 //数据总数，从服务端得到
//         , limit: 4  //每页显示的条数。laypage将会借助 count 和 limit 计算出分页数。
//         // , curr: 1                        //起始页
//         , groups: 3                    //连续页码个数
//         // , prev: '上一页'                 //上一页文本
//         // , netx: '下一页'                 //下一页文本
//         // , first: 1                      //首页文本
//         // , last: 5                     //尾页文本
//         // , layout: ['prev', 'page', 'next','limit','refresh','skip']
//     });
// });

//======================获取所有收藏的方法=============================
function getAllCollection() {
    var sendUrl = "/collection/customer/" + cusId;
    console.log(sendUrl);

    // 发送ajax请求
    $.ajax({
        url : sendUrl,
        type : "GET",
        datatype : "json",
        success : function (data) {

            console.log(data);

            var collections = data.data;
            //清空分页插件div和订单列表div里的内容
            $(".order_lists").empty();
            $("#page").empty();

            //重新导入分页插件
            layui.use('laypage',function(){
                var laypage = layui.laypage;

                //执行一个laypage实例
                laypage.render({
                    elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
                    ,count: collections.length //数据总数，从服务端得到
                    ,limit: 3  //每页显示的条数。laypage将会借助 count 和 limit 计算出分页数。
                    , curr: 1
                    // , first: 1
                    ,layout: ['prev', 'page', 'next','count']
                    ,jump : function (obj,first) {

                        //清空收藏列表里的内容
                        $(".order_lists").empty();
                        console.log("分页成功");

                        var pageCount = obj.count; //总页数
                        var pageNo = obj.curr;  //当前页数
                        var evePageCount = obj.limit; //每页数量

                        var finalCount; //末值区间

                        if (pageNo * evePageCount >= pageCount) {
                            finalCount = pageCount;
                        } else {
                            finalCount = pageNo*evePageCount;
                        }

                        for (var i = (pageNo-1)*evePageCount; i< finalCount;i++){

                            var mypro = collections[i].product;
                            var mycol = collections[i].favorites;

                            var proStatus;
                            if (mypro.status == "1"){
                                proStatus = "有效产品"
                            } else {
                                proStatus = "产品已失效"
                            }

                            //开始渲染
                            $(".order_lists").append(
                               "<div class=\"order_single\">\n" +
                                "                                <!--订单头：包含订单号，订单生成时间等-->\n" +
                                "                                <div class=\"order_header\">\n" +
                                "                                    <span class=\"order_time\">" + mycol.favoritesTime + "</span>\n" +
                                "                                </div>\n" +
                                "                                <!--订单主体-->\n" +
                                "                                <div class=\"single_order_table\">\n" +
                                "                                    <!--包含旅游产品图片和名称的div-->\n" +
                                "                                    <div class=\"order_product\">\n" +
                                "                                        <ul>\n" +
                                "                                            <li class=\"ord_img_li\">\n" +
                                "                                               <img src='" + mypro.previewImg + "' alt=\"\">\n" +
                                "                                            </li>\n" +
                                "                                            <li class=\"ord_name_li\">\n" +
                                "                                                <span class=\"name\">" + mypro.productName + "</span>\n" +
                                "                                            </li>\n" +
                                "                                            <li class=\"ord_price_li\">\n" +
                                "                                                <div>\n" +
                                "                                                    <span>￥</span>\n" +
                                "                                                    <span class=\"price\">" + mypro.personPrice + "</span>\n" +
                                "                                                    <span>/人</span>\n" +

                                "                                                </div>\n" +
                                "                                            </li>\n" +
                                "                                            <li class=\"ord_status_li\">\n" +
                                "                                               <span class=\"status\">" + proStatus + "</span>\n" +
                                "                                            </li>\n" +
                                "                                            <li class=\"ord_detail_li\">\n" +
                                "                                                <a href='javascript:void(0);' onclick='goProDetail(event)'>\n" +
                                "                                                   <span>查看详情</span>\n" +
                                "                                                </a>\n" +
                                "                                                <span class=\"proId\" style=\"visibility: hidden\">"+mypro.id + "</span>\n" +
                                "                                            </li>\n" +
                                "                                        </ul>\n" +
                                "                                    </div>\n" +
                                "                                </div>\n" +
                                "                            </div>"
                            )
                        }
                    }
                })
            })
        }
    })
}

//点击查看详情进入产品详情
function goProDetail(event) {
    var eve = event.target;

    // var orderId = $(eve).parent().next().text();
    var proId = $(eve).parent().next().text();
    // window.sessionStorage.setItem("orderid",orderId);
    window.sessionStorage.setItem("prodetailid",proId);
    $(location).attr('href', '/product/getOne/' + proId);
}

//点击名称进入首页
$(".nav_userName").click(function () {

    $.ajax({
        url: "/order/getId",
        type: "GET",
        datatype: "json",
        success: function (data) {
            console.log(data.data)
            window.sessionStorage.setItem("cusid", data.data)
            $(location).attr('href', 'order');
        }

    })

});

